<template>
  <div class="renzheng-page">
    <div class="rz-wrap">
      <div class="rz-title">L0 用户根据注册协议填写真实信息。</div>
      <div class="rz-content clearfix">
        <div class="rz-img rz-img1 fl"></div>
        <div class="rz-word fl">
          <div class="rz-word-fir">证件号码校验</div>
          <div class="rz-word-sec">对用户填写的证件号码进行规则核验，系统自动进行核验。</div>
        </div>
        <div class="rz-result clearfix fr">
          <div class="rz-icon-area clearfix fl">
             <div class="rz-icon rz-icon-yes fl"></div>
             <div class="rz-tit fl">已核验</div>
          </div>
          <div class="rz-btn fl">立即检测</div>
        </div>
      </div>
    </div>

    <div class="rz-wrap">
      <div class="rz-title">L1 通过网厅基础库或公安等有关部门基础库核验。</div>
      <div class="rz-content clearfix">
        <div class="rz-img rz-img2 fl"></div>
        <div class="rz-word fl">
          <div class="rz-word-fir">公安基础库核验</div>
          <div class="rz-word-sec">使用大陆居民身份证、港澳居民来往内地通行证、台湾居民来往大陆通行证、外国人永久居留身份证进行实名核验。（服务时间：周一至周日 08：00-18：00）</div>
        </div>
        <div class="rz-result clearfix fr">
          <div class="rz-icon-area clearfix fl">
             <div class="rz-icon rz-icon-no fl"></div>
             <div class="rz-tit rz-tit-no fl">待核验</div>
          </div>
          <div class="rz-btn fl">立即检测</div>
        </div>
      </div>
    </div>

    <div class="rz-wrap">
      <div class="rz-title">L2 通过已广泛应用的社会第三方资源核验。</div>
      <div class="rz-content clearfix">
        <div class="rz-img rz-img3 fl"></div>
        <div class="rz-word fl">
          <div class="rz-word-fir">数字证书核验</div>
          <div class="rz-word-sec">使用实名制的数字证书进行核验，核验成功后支持使用数字证书登录。 08：00-18：00）</div>
        </div>
        <div class="rz-result clearfix fr">
          <div class="rz-icon-area clearfix fl">
             <div class="rz-icon rz-icon-no fl"></div>
             <div class="rz-tit rz-tit-no fl">待核验</div>
          </div>
          <div class="rz-btn fl">立即检测</div>
        </div>
      </div>

      <div class="rz-content clearfix">
        <div class="rz-img rz-img4 fl"></div>
        <div class="rz-word fl">
          <div class="rz-word-fir">公安部“互联网+可信身份认证”（身份证“人像”识别）</div>
          <div class="rz-word-sec">刷脸自拍，与本人二代居民身份证“网上功能凭证”（简称“网证”）比对，验证“人证同一”，进行身份核验。“微警认证”APP开通“网证”详细指引</div>
        </div>
        <div class="rz-result clearfix fr">
          <div class="rz-icon-area clearfix fl">
             <div class="rz-icon rz-icon-no fl"></div>
             <div class="rz-tit rz-tit-no fl">待核验</div>
          </div>
          <div class="rz-btn fl">立即检测</div>
        </div>
      </div>
    </div>

    <div class="rz-wrap">
      <div class="rz-title">L3 通过有政府规章制度保障的核验方式或有法律法规保障的社会第三方资源核验。</div>
      <div class="rz-content clearfix">
        <div class="rz-img rz-img5 fl"></div>
        <div class="rz-word fl">
          <div class="rz-word-fir">数字证书核验</div>
          <div class="rz-word-sec">使用实名制的数字证书进行核验，核验成功后支持使用数字证书登录。</div>
        </div>
        <div class="rz-result clearfix fr">
          <div class="rz-icon-area clearfix fl">
             <div class="rz-icon rz-icon-no fl"></div>
             <div class="rz-tit rz-tit-no fl">待核验</div>
          </div>
          <div class="rz-btn fl">立即检测</div>
        </div>
      </div>

      <div class="rz-content clearfix">
        <div class="rz-img rz-img4 fl"></div>
        <div class="rz-word fl">
          <div class="rz-word-fir">公安部“互联网+可信身份认证”（身份证“人像”识别）</div>
          <div class="rz-word-sec">使用公安刷脸自拍，与本人二代居民身份证“网上功能凭证”（简称“网证”）比对，验证“人证同一”，进行身份核验。</div>
        </div>
        <div class="rz-result clearfix fr">
          <div class="rz-icon-area clearfix fl">
             <div class="rz-icon rz-icon-no fl"></div>
             <div class="rz-tit rz-tit-no fl">待核验</div>
          </div>
          <div class="rz-btn fl">立即检测</div>
        </div>
      </div>

      <div class="rz-content clearfix">
        <div class="rz-img rz-img7 fl"></div>
        <div class="rz-word fl">
          <div class="rz-word-fir">办事大厅现场核验</div>
          <div class="rz-word-sec">携带认证材料携带本人身份证原件，到各地办事大厅现场的“实名认证窗口”，进行实名核验</div>
        </div>
        <div class="rz-result clearfix fr">
          <div class="rz-icon-area clearfix fl">
             <div class="rz-icon rz-icon-no fl"></div>
             <div class="rz-tit rz-tit-no fl">待核验</div>
          </div>
          <div class="rz-btn fl">立即检测</div>
        </div>
      </div>

    </div>

   <div @click="enterPage" class="rz-btn rz-btn-back">返回上级</div>

  </div>
</template>

<script>
export default {
  data(){
    return {
    }
  },
  methods:{
    enterPage(){
      this.$router.push({ name:'personSafe' })
    },
  }
}
</script>

<style lang="scss">

.renzheng-page {
  height: 1500px;
  background-color: #ffffff;
  border-radius: 10px;
  padding:10px;

  .rz-wrap{
    min-height: 210px;
    border-bottom: 1px solid #DADFE5;
    position: relative;

    .rz-title{
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      height: 60px;
      line-height: 60px;
    }
    .rz-content{
      height: 160px;

      .rz-img{
        height:80px;
        width:80px;
        margin-top:20px;
      }
      .rz-word{
        width:60%;
        height: 130px;
        padding-left: 40px;
        margin-top:20px;

        .rz-word-fir{
          font-size: 18px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: rgba(0,0,0,1);
        }
        .rz-word-sec{
          font-size: 14px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          margin-top:35px;
          color: #7C7C7C;
        }
      }
      .rz-result{
        width:260px;
        height:130px;
        padding-top: 50px;

        .rz-icon-area{
          margin-top: 10px;
        }

        .rz-icon{
          height: 25px;
          width:25px;
      
        }
        .rz-tit{
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #0C9363;
          vertical-align: middle;
          margin-left: 10px;
        }
        .rz-tit-no{
           color: #D93031;
        }
      }

    }
  }
}

.rz-btn{
  width: 130px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  background-color: #2b96d7;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 10px;
}

.rz-btn-back{
  margin:0 auto;
  margin-top:20px;
}
.rz-img1{
  background: url("../assets/image/rz_zjhmyz.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.rz-img2{
  background: url("../assets/image/rz_ghjck.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.rz-img3{
  background: url("../assets/image/rz_zfb.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.rz-img4{
  background: url("../assets/image/rz_ga.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.rz-img5{
  background: url("../assets/image/rz_szzshy.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.rz-img7{
  background: url("../assets/image/rz_bsdt.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.rz-icon-yes{
  background: url("../assets/image/rz-icon-yes.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.rz-icon-no{
  background: url("../assets/image/rz_icon_no.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
  
</style>